草庐IT

文本 文件上传

全部标签

javascript - 使用angularjs在上传输入类型=文件之前验证文件大小

我的表单中有一个inputtype=file元素。我想创建一个自定义指令,用于在使用输入元素选择文件后立即检查文件大小。我知道如何创建自定义指令,但是在angularjs中有什么方法可以确定所选元素的文件大小。不使用Jquery。js代码:app.directive('checkFileSize',function(){return{require:'ngModel',link:function(scope,elem,attr,ctrl){//addaparserthatwillprocesseachtimethevalueis//parsedintothemodelwhentheus

c# - 使用 Angular 上传文件时 HttpPostedFileBase 为空

我将Angular与MVC结合使用。当我想上传文件时,HttpPostedFileBase为空。html:Angular:scope.fileInputChanged=function(element){scope.$apply(function(scope){console.log('files:',element.files);_.each(element.files,function(element,index,list){scope.files.push(element);});});}scope.uploadDocuments=function(){varformData=n

javascript - 使用 Firebase 存储上传 base64 图像

我正在制作这个应用程序,用户可以在其中拥有个人资料照片(但每个人只有一张照片)。我把所有东西都设置好了,但是当图片超过2mb时,加载需要一些时间,实际上我只需要50kb左右的图片(只显示小图片,最大40像素)。我编写了一些代码将图像直接放入实时数据库(转换为Canvas并使它们成为7kb的base64字符串)。但是,这并不是很干净,最好使用Firebase存储。从新的更新3.3.0开始,您可以使用putString()方法将Base64格式的字符串上传到存储。但是,当我上传Canvas图像(以“data:image/jpeg;base64,”开头)时,出现错误:v{code:"stor

javascript - 使用 JQuery 和 ASP.NET 通用处理程序上传文件 - 这可能吗?

我正在尝试解决一个小问题。我主要使用客户端(JQuery/JavaScript)代码构建了一个完整的WebASP.NET应用程序。我使用通用处理程序来延迟加载数据,以及自动完成等。其中一个要求是一个页面需要能够上传文件,以及显示有关上传文件的元信息。我想知道是否有一种方法可以完全使用JQuery/JavaScript上传文件。我研究了一大堆插件,但它们都依赖于php后端。我的想法是创建一个帖子:$(function(){$('#submit').live('click',function(event){$.post('/SomeOtherHandler.ashx',//canbe'/s

javascript - 使用 Fetch 和 FormData API 上传多个文件

我正在尝试使用nativeFetch和FormData一次将多个文件上传到服务器的API,但我终生无法让它工作。这是我得到的://acceptedFilesareFileobjectscomingfrom`react-dropzone`.functionhandleSubmit(acceptedFiles){constdata=newFormData();for(constfileofacceptedFiles){data.append('files',file,file.name);}returnfetch('https://example.com/api/upload',{meth

javascript - 使用javascript将文本文件读入变量

我在服务器上有一个文本文件,其中包含带有目标时间的事件列表。它看起来像下面这样:2012/02/11-10:00:00EventStartRed2012/02/11-10:10:00EventStopGreen...我需要做的是以某种方式读取文本文件并根据当前时间选择下一个即将发生的事件并将该事件的每个元素分配给一个变量。因此,例如,如果当前时间是2012.02.11-10:08:00,javascript变量time='2012/02/11-10:10:00';title='事件停止';color='Green';将被创建。我可以读取文本文件:jQuery.get('schedule

javascript - jQuery 文件上传不显示预览

jQueryFileUpload插件当前不显示所选文件。有谁知道我该如何解决这个问题?我已经实现了“自定义”模板(见下文);注意我不需要显示以前上传的Material,因此没有下载模板。我已经检查(通过日志记录)正在调用add回调,并且正在调用uploadTemplate函数并返回预期值——出于某种原因值根本没有附加到演示表中。$('#fileupload').fileupload(acceptFileTypes:/(\.|\/)(gif)$/iuploadTemplateId:nulldownloadTemplateId:nulluploadTemplate:(obj)->rows=

javascript - jquery 文件上传 - 粘贴时禁用上传 - 'fileuploadpaste' - 如何?

即使我粘贴任何图像(例如在文本输入框上),它也会被jquery文件uploader上传。那么,如何阻止呢?在选项页面(https://github.com/blueimp/jQuery-File-Upload/wiki/Options)中,粘贴后触发的事件是“fileuploadpaste”。文本粘贴后触发的正常jquery事件是“textInput”。那么,如何禁用此上传? 最佳答案 我们可以像这样简单地禁用它:$("#fileupload").fileupload({pasteZone:null//makeit$(documen

javascript - 如何使用 Asp.net MVC 上传和注入(inject)图像到 tinymce 4

所以因为绝对没有现代方法可以免费将图像上传到.net中的tinymce,所以我想也许可以添加一个在html中输入文件上传,然后使用ajax将其上传到服务器,然后将文件包含在tinymce编辑器中。问题是给tinymce注入(inject)图片,我不知道怎么...有什么办法吗? 最佳答案 我是在TinyMCE4.3.10中做的在tinymce.init中,放置这些选项:paste_data_images:true,images_upload_url:'/YourController/UploadImage',images_upload

javascript - 上传和读取文件客户端, Angular 2

我需要来自用户的日志文件,以便我可以阅读和分析这些文件。例如某种拖放区,用户可以在其中拖放文件,然后我可以用javascript读取它?我使用Angular2rc5。我有node.js在后台运行,但我不需要那里的数据。我只在客户端需要它。是否可以仅使用前端技术(如angular2和javascript)读取和解析文件内容?还是我必须将文件上传到服务器并在那里进行分析? 最佳答案 这是可能的!我最终是这样做的。这将读取使用文件对话框选择的所有文件。我不需要将这些发送到node.js。我可以在客户端上操作这些。openFile(even